<template>
    <main>
        <div class="top">
            <div class="banner-box">
                <img src="static/images/banner/1.jpg" alt="">
                <a href="#" class="prev"></a>
                <a href="#" class="next"></a>
            </div>
        </div>
        <div class="mid gWidth clearfix">
            <div class="mid-left fl clearfix">
                <div class="main-show fl clearfix">
                    <div class="left">
                        <div class="rddt ">
                            <div class="title-box clearfix">
                                <span>热点动态</span>
                                <span></span>
                            </div>
                            <div class="content">
                                <div class="news-banner">
                                    <a href="#">
                                        <img src="static/images/sbanner/1.jpg">
                                    </a>
                                    <div class="banner-selector clearfix">
                                        <ul>
                                            <li>1</li>
                                            <li class="active">2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                        </ul>
                                    </div>
                                </div>
                                <ul class="news-items">
                                    <li>
                                        <a href="#">【母校快讯】学校召开“创大”任务宣讲及工作发动学校召开“创大”任务宣讲及工作发动学校召开“创大”任务宣讲及工作发动</a>
                                    </li>
                                    <li>
                                        <a href="#">【校友动态】学校召开“创大”任务宣讲及工作发动学校召开“创大”任务宣讲及工作发动学校召开“创大”任务宣讲及工作发动</a>
                                    </li>
                                    <li>
                                        <a href="#">【校友会快讯】学校召开“创大”任务宣讲及工作发动学校召开“创大”任务宣讲及工作发动学校召开“创大”任务宣讲及工作发动</a>
                                    </li>
                                    <li>
                                        <a href="#">【校友动态】学校召开“创大”任务宣讲及工作发动学校召开“创大”任务宣讲及工作发动学校召开“创大”任务宣讲及工作发动</a>
                                    </li>
                                    <li>
                                        <a href="#">【校友动态】学校召开“创大”任务宣讲及工作发动学校召开“创大”任务宣讲及工作发动学校召开“创大”任务宣讲及工作发动</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="right">
                        <div class="rddt">
                            <div class="title-box clearfix">
                                <span>校友活动</span>
                                <span></span>
                            </div>
                            <div class="content">
                                <ul class="xyhds">
                                    <li class="clearfix">
                                        <div class="date-show fl">
                                            <span>12月</span>
                                            <span>24日</span>
                                        </div>
                                        <div class="hd-box fl">
                                            <a class="title" href="#">
                                                2017湖理校友相约深圳马拉松报名
                                            </a>
                                            <span class="date">
                                            2017年12月24日
                                        </span>
                                        </div>

                                    </li>
                                    <li class="clearfix">
                                        <div class="date-show fl">
                                            <span>12月</span>
                                            <span>24日</span>
                                        </div>
                                        <div class="hd-box fl">
                                            <a class="title" href="#">
                                                2017湖理校友相约深圳马拉松报名
                                            </a>
                                            <span class="date">
                                            2017年12月24日
                                        </span>
                                        </div>

                                    </li>
                                    <li class="clearfix">
                                        <div class="date-show fl">
                                            <span>12月</span>
                                            <span>24日</span>
                                        </div>
                                        <div class="hd-box fl">
                                            <a class="title" href="#">
                                                2017湖理校友相约深圳马拉松报名
                                            </a>
                                            <span class="date">
                                            2017年12月24日
                                        </span>
                                        </div>

                                    </li>
                                    <li class="clearfix">
                                        <div class="date-show fl">
                                            <span>12月</span>
                                            <span>24日</span>
                                        </div>
                                        <div class="hd-box fl">
                                            <a class="title" href="#">
                                                2017湖理校友相约深圳马拉松报名
                                            </a>
                                            <span class="date">
                                            2017年12月24日
                                        </span>
                                        </div>

                                    </li>


                                </ul>
                            </div>
                        </div>


                        <!--校友论坛-->
                        <div class="xylt">
                            <div class="title-box clearfix">
                                <span>湖理社区</span>
                                <span></span>
                            </div>
                            <div class="content">
                                <img src="static/images/lt2.jpg" class="logo">
                                <h2>到社区寻找你的老同学，发表最新动态，建立你的联系圈子。<a href="#">校友点击进入</a></h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mid-right fr">
                <div class="yssy info-box">
                    <div class="title-box-blue clearfix">
                        <h1>饮水思源</h1>
                        <a href="#"><span>更多 +</span></a>
                    </div>
                    <div class="content">
                        <!--校友捐赠表格-->
                        <ul class="xyjzs">
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                            <li>
                                <span class="jz-name">校友赵岳宁</span>
                                <span>捐赠</span>
                                <span class="jz-number">200元</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="jcxy info-box">
                    <div class="title-box-blue clearfix">
                        <h1>杰出校友</h1>
                        <a href="#"><span>更多 +</span></a>
                    </div>
                    <div class="content">
                        <ul class="jcxys clearfix">
                            <a href="#">
                                <li>
                                    <img src="static/images/xy/1.jpg">
                                    <h2>习近平</h2>
                                    <p>
                                        陕西富平人，1969年1月参加工作，1974年1月加入中国共产党，清华大学人文社会学院马克思主义理论与思想政治教育专业毕业，在职研究生学历，法学博士学位。
                                    </p>
                                </li>
                            </a>
                            <a href="#">
                                <li>
                                    <img src="static/images/xy/2.jpg">
                                    <h2>习近平</h2>
                                    <p>
                                        陕西富平人，1969年1月参加工作，1974年1月加入中国共产党，清华大学人文社会学院马克思主义理论与思想政治教育专业毕业，在职研究生学历，法学博士学位。
                                    </p>
                                </li>
                            </a>
                            <a href="#">
                                <li>
                                    <img src="static/images/xy/3.jpg">
                                    <h2>习近平</h2>
                                    <p>
                                        陕西富平人，1969年1月参加工作，1974年1月加入中国共产党，清华大学人文社会学院马克思主义理论与思想政治教育专业毕业，在职研究生学历，法学博士学位。
                                    </p>
                                </li>
                            </a>
                            <a href="#">
                                <li>
                                    <img src="static/images/xy/4.jpg">
                                    <h2>习近平</h2>
                                    <p>
                                        陕西富平人，1969年1月参加工作，1974年1月加入中国共产党，清华大学人文社会学院马克思主义理论与思想政治教育专业毕业，在职研究生学历，法学博士学位。
                                    </p>
                                </li>
                            </a>
                            <a href="#">
                                <li>
                                    <img src="static/images/xy/1.jpg">
                                    <h2>习近平</h2>
                                    <p>
                                        陕西富平人，1969年1月参加工作，1974年1月加入中国共产党，清华大学人文社会学院马克思主义理论与思想政治教育专业毕业，在职研究生学历，法学博士学位。
                                    </p>
                                </li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>


        </div>
    </main>

</template>

<script>
    export default {
        name: "index-main"
    }
</script>

<style src="../../static/style/index/index.css" scoped>


</style>
